<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Expires" content="0">
		<meta http-equiv="Pragma" content="no-cache">
		<meta http-equiv="Cache-Control" content="no-store,no-cache">
		<title></title>
		<link rel="stylesheet" href="../img/css/default.min.css" />
		<link rel="stylesheet" href="../js/bootstrap/css/bootstrap-ico.css" />
        <link rel="stylesheet" href="../img/css/lift.css" />
		<style>
			/*body {
				background-color: rgba(241, 241, 241, 1);
			}			
			.title {
				height: 22px;
				line-height: 22px;
				background-color: rgba(150, 204, 112, 1);
				color: rgba(255, 255, 255, 1);
				font-size: 13px;
			}
			.address {
				height: 36px;
				background-color: rgba(255, 255, 255, 1);
				line-height: 36px;
				font-size: 16px;
			}
			.address input {
				height: 32px;
				border: 0px;
				margin-left: 0.1em;
				width: 85%;
				cursor: default;
			}
			.address .glyphicon-map-marker {
				color: rgba(242, 179, 133, 1);
			}
			.lift-info label {
				line-height: 32px;
			}
			.lift-info textarea {
				border: 0px;
				border-radius: 3px;
			}
			.lift-info button {
				margin-top: 20px;
			}*/
		</style>
	</head>

	<body>
		<div class="title">创建搭车请求</div>
		<div class="address">
			<i class="glyphicon glyphicon-map-marker"></i>
			<input type="text" value="上海市黄浦区南京东路555号" id="txtAddress" readonly="readonly" />
			<i class="glyphicon glyphicon-menu-right"></i>
		</div>
		<div class="lift-info">
			<label>给好友捎句话</label>
			<textarea rows="10" cols="40"></textarea>
			<button id="btnAddLift" class="btn btn-success btn-block">创建搭车</button>
		</div>
	</body>
	<script src="../js/jQuery/jquery-1.11.2.min.js"></script>
	<script>
		$(function(){
			$('#btnAddLift').on('click',function(){
				//校验输入是否正确
				//校验完成后提交数据
			});
		});
	</script>

</html>